<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><%= title %></title>
    <meta name="description" content="<%= description %>">
    
    <!-- Tailwind CSS -->
    <script src="https://cdn.tailwindcss.com"></script>
    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <!-- 自定义样式 -->
    <link rel="stylesheet" href="/css/style.css">
</head>
<body class="bg-gray-50">
    <!-- 导航栏 -->
    <nav class="navbar bg-white/95">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="flex justify-between items-center h-16">
                <div class="flex items-center">
                    <a href="/" class="flex items-center">
                        <img src="/images/button-mine.png" alt="潮汐漂流瓶" class="h-10 w-10 rounded-lg mr-3">
                        <span class="text-xl font-bold text-gray-800">潮汐漂流瓶</span>
                    </a>
                </div>
                <a href="/" class="text-blue-600 hover:text-blue-700 transition-colors">
                    <i class="fas fa-home mr-2"></i>返回首页
                </a>
            </div>
        </div>
    </nav>

    <!-- 主要内容 -->
    <main class="max-w-4xl mx-auto px-4 py-8 mt-16">
        <div class="bg-white rounded-2xl shadow-lg p-8">
            <h1 class="text-3xl font-bold text-gray-800 mb-8">用户协议</h1>
            
            <div class="prose max-w-none">
                <p class="text-gray-600 mb-6">更新日期：2024年12月31日</p>
                <p class="text-gray-600 mb-8">生效日期：2024年12月31日</p>

                <h2 class="text-2xl font-semibold text-gray-800 mb-4">1. 协议接受</h2>
                <p class="text-gray-600 mb-6">
                    欢迎使用潮汐漂流瓶！本用户协议（以下简称"本协议"）是您与潮汐漂流瓶团队（以下简称"我们"）之间关于您使用潮汐漂流瓶服务所订立的协议。
                    通过注册、访问或使用我们的服务，您表示同意接受本协议的所有条款和条件。
                </p>

                <h2 class="text-2xl font-semibold text-gray-800 mb-4">2. 服务描述</h2>
                <p class="text-gray-600 mb-4">潮汐漂流瓶是一款社交应用，主要功能包括：</p>
                <ul class="list-disc list-inside text-gray-600 mb-6 space-y-2">
                    <li>投掷漂流瓶：用户可以发送文字或语音消息</li>
                    <li>捡取漂流瓶：随机接收其他用户的消息</li>
                    <li>即时聊天：与匹配的用户进行实时交流</li>
                    <li>个人资料：展示和管理个人信息</li>
                    <li>智能匹配：基于兴趣和地理位置的用户匹配</li>
                </ul>

                <h2 class="text-2xl font-semibold text-gray-800 mb-4">3. 用户账户</h2>
                <h3 class="text-xl font-medium text-gray-700 mb-3">3.1 注册要求</h3>
                <ul class="list-disc list-inside text-gray-600 mb-6 space-y-2">
                    <li>您必须年满18周岁或在监护人同意下使用服务</li>
                    <li>提供真实、准确、完整的注册信息</li>
                    <li>保护账户安全，不与他人共享账户信息</li>
                    <li>及时更新个人信息确保准确性</li>
                </ul>

                <h3 class="text-xl font-medium text-gray-700 mb-3">3.2 账户责任</h3>
                <p class="text-gray-600 mb-6">
                    您对使用您账户进行的所有活动承担全部责任。如发现账户被盗用或存在安全漏洞，
                    请立即通知我们。我们不对因您未能保护账户信息而导致的损失承担责任。
                </p>

                <h2 class="text-2xl font-semibold text-gray-800 mb-4">4. 使用规范</h2>
                <h3 class="text-xl font-medium text-gray-700 mb-3">4.1 禁止行为</h3>
                <p class="text-gray-600 mb-4">在使用我们的服务时，您不得：</p>
                <ul class="list-disc list-inside text-gray-600 mb-6 space-y-2">
                    <li>发布违法、有害、威胁、滥用、诽谤、淫秽或其他令人反感的内容</li>
                    <li>骚扰、威胁或侵犯他人权利</li>
                    <li>传播虚假信息或误导性内容</li>
                    <li>发送垃圾信息或进行商业推广</li>
                    <li>侵犯他人知识产权</li>
                    <li>尝试获取其他用户的账户信息</li>
                    <li>干扰或破坏服务的正常运行</li>
                    <li>使用自动化工具或机器人程序</li>
                </ul>

                <h3 class="text-xl font-medium text-gray-700 mb-3">4.2 内容准则</h3>
                <p class="text-gray-600 mb-6">
                    您发布的所有内容应当符合法律法规要求，尊重社会公德，不得包含色情、暴力、恐怖、
                    反动等有害信息。我们保留审核、删除违规内容的权利。
                </p>

                <h2 class="text-2xl font-semibold text-gray-800 mb-4">5. 知识产权</h2>
                <p class="text-gray-600 mb-4">
                    我们的服务及其所有内容，包括但不限于文本、图形、标识、按钮图标、图像、音频片段、
                    软件代码等，均受知识产权法保护。除非另有明确说明，否则：
                </p>
                <ul class="list-disc list-inside text-gray-600 mb-6 space-y-2">
                    <li>我们拥有服务相关的所有知识产权</li>
                    <li>您保留对自己创建内容的所有权</li>
                    <li>您授予我们使用、分发您内容的必要许可</li>
                    <li>您不得复制、修改、传播我们的专有内容</li>
                </ul>

                <h2 class="text-2xl font-semibold text-gray-800 mb-4">6. 隐私保护</h2>
                <p class="text-gray-600 mb-6">
                    我们重视您的隐私保护。请查阅我们的
                    <a href="/privacy" class="text-blue-600 hover:text-blue-700">隐私政策</a>
                    了解我们如何收集、使用和保护您的个人信息。
                </p>

                <h2 class="text-2xl font-semibold text-gray-800 mb-4">7. 服务变更和终止</h2>
                <h3 class="text-xl font-medium text-gray-700 mb-3">7.1 服务变更</h3>
                <p class="text-gray-600 mb-6">
                    我们可能会不时修改、暂停或终止服务的某些功能。重大变更将提前通知用户。
                </p>

                <h3 class="text-xl font-medium text-gray-700 mb-3">7.2 账户终止</h3>
                <p class="text-gray-600 mb-6">
                    如您违反本协议或相关法律法规，我们有权暂停或终止您的账户。
                    您也可以随时申请注销账户。
                </p>

                <h2 class="text-2xl font-semibold text-gray-800 mb-4">8. 免责声明</h2>
                <p class="text-gray-600 mb-4">在法律允许的最大范围内：</p>
                <ul class="list-disc list-inside text-gray-600 mb-6 space-y-2">
                    <li>我们的服务按"现状"提供，不提供任何明示或暗示的保证</li>
                    <li>我们不保证服务不会中断或完全无错误</li>
                    <li>您使用服务的风险由您自行承担</li>
                    <li>我们不对用户生成的内容负责</li>
                </ul>

                <h2 class="text-2xl font-semibold text-gray-800 mb-4">9. 责任限制</h2>
                <p class="text-gray-600 mb-6">
                    在任何情况下，我们对因使用或无法使用服务而导致的任何直接、间接、偶然、
                    特殊或后果性损害均不承担责任，即使我们已被告知此类损害的可能性。
                </p>

                <h2 class="text-2xl font-semibold text-gray-800 mb-4">10. 争议解决</h2>
                <p class="text-gray-600 mb-6">
                    本协议的解释和执行均适用中华人民共和国法律。如发生争议，
                    双方应友好协商解决；协商不成的，可向有管辖权的人民法院提起诉讼。
                </p>

                <h2 class="text-2xl font-semibold text-gray-800 mb-4">11. 协议修改</h2>
                <p class="text-gray-600 mb-6">
                    我们可能会不时修改本协议。修改后的协议将在应用内或网站上公布，
                    并于公布之日起生效。继续使用服务即表示您接受修改后的协议。
                </p>

                <h2 class="text-2xl font-semibold text-gray-800 mb-4">12. 联系我们</h2>
                <p class="text-gray-600 mb-4">如果您对本协议有任何疑问，请联系我们：</p>
                <div class="bg-blue-50 p-6 rounded-lg mb-6">
                    <p class="text-gray-700 mb-2"><strong>邮箱：</strong>legal@tidaldrift.com</p>
                    <p class="text-gray-700 mb-2"><strong>电话：</strong>010-12345678</p>
                    <p class="text-gray-700 mb-2"><strong>地址：</strong>北京市朝阳区XXX大厦XXX室</p>
                    <p class="text-gray-700"><strong>邮编：</strong>100000</p>
                </div>

                <div class="border-t border-gray-200 pt-6 mt-8">
                    <p class="text-sm text-gray-500 text-center">
                        本用户协议的最终解释权归潮汐漂流瓶团队所有
                    </p>
                </div>
            </div>
        </div>
    </main>

    <!-- 页脚 -->
    <footer class="bg-gray-800 text-white py-8 mt-16">
        <div class="max-w-7xl mx-auto px-4 text-center">
            <p>&copy; 2024 潮汐漂流瓶团队. 保留所有权利.</p>
            <p class="mt-2">
                <a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener" class="text-blue-300 hover:text-blue-200">
                    京ICP备12345678号-1
                </a>
            </p>
        </div>
    </footer>
</body>
</html> 